<form id="form" name="datos_registro" action="<?php echo site_url(array('auth', 'registrar'));?>" method="post">
	<fieldset class="form-fieldset">
	<table class="form-table">
		<tr>
			<td><label>Nombre:</label></td>
			<td><input name="nombres" type="text" size="25" maxlength="45" class="validate[required]"/></td>	
		</tr>
		<tr>
			<td><label>Password:</label></td>
			<td><input id="password" type="password" maxlength="25" size="25" name="password" class="validate[required, minSize[6]]"/></td>	
		</tr>	
		<tr>
			<td><label>Repita Password:</label></td>
			<td><input type="password" maxlength="25" size="25" name="cpassword" class="validate[required, equals[password], minSize[6]]"/></td>	
		</tr>
		<tr>
			<td><label>Email:</label></td>
			<td><input maxlength="35" type="text" size="25" name="email" class="validate[required,custom[email]]"/></td>	
		</tr>
		<tr>
			<td><label>Apellido:</label></td>
			<td><input type="text" size="25" maxlength="45" name="apellido" class="validate[required]"/></td>	
		</tr>
		<tr>
			<td><label>Documento:</label></td>
			<td><input id="documento" type="text" maxlength="8" size="25" name="documento" class="validate[required, custom[number], minSize[8]]"/></td>	
		</tr>
		<tr>
   			<td><label for="pais_fk">Pais</label></td>
   			<td>
				<select name="pais_fk" style="width: 200px;">
					<option></option>
					<?php foreach ($paises as $pais):?>
					<option <?php echo 'selected="selected"';?> value=<?php echo $pais['id'];?>><?php echo $pais['nombre'];?></option>
					<?php endforeach;?>
				</select>
			</td>			    		
		</tr>
   		<tr>
   			<td><label for="departamento_fk">Departamento</label></td>
   			<td>
				<select name="departamento_fk" style="width: 200px;">
					<option></option>
					<?php foreach ($departamentos as $departamento):?>
					<option <?php echo 'selected="selected"';?> value=<?php echo $departamento['id'];?>><?php echo $departamento['nombre'];?></option>
					<?php  endforeach;?>
				</select>
			</td>		    		
		</tr>
		<tr>
			<td><label>Barrio:</label></td>
			<td><input maxlength="35" size="25" type="text" name="barrio" /></td>	
		</tr>
		<tr>
			<td><label>Direccion:</label></td>
			<td><input maxlength="35" id="direccion" size="25" type="text" name="direccion" class="validate[required]" value="Formato:    numero calle, departamento, país" onclick="document.forms.datos_registro.direccion.value= ''"/></td>	
		</tr>
		<tr>
			<td><label>Celular:</label></td>
			<td><input maxlength="35" size="25" type="text" name="celular" class="validate[required, custom[phone]]"/></td>	
		</tr>
		<tr>
			<td><label>Coordenadas:</label></td>
			<td><input maxlength="35" size="25" name="coordenadas"  onclick="obtiene_coordenadas()" value="Una vez ingresada la direccion, CLICK AQUI para obtener sus coordenadas" readonly="readonly"/></td>	
		</tr>
		<tr>
			<td><label>Tipo de Registro:</label></td>
			<td>
				<label>Usuario</label>
				<input type="radio" name="tipo" value="CLIENTE" checked="checked" />
				<label>Tecnico</label>
				<input type="radio" name="tipo" value="TECNICO" />
				<label>(De ser Tecnico usted debe seleccionar los Servicios que brinda en su Perfil!)</label>
			</td>	
		</tr>
	</table>	
	
	<table class="buttons-table">
		<tr>
			<td>
				<a class="button-image" href="<?php echo site_url(array('inicio'));?>">
		      		<img title="Volver" alt="Volver" src="<?php echo site_url(array('web', 'img', 'icon-back.png'));?>"/>
		      		<label>Volver</label>
		      	</a>
		      	
		      	<a id="submit" class="button-image" href="#">
		      		<img title="Guardar" alt="Guardar" src="<?php echo site_url(array('web', 'img', 'icon-check.png'));?>"/>
		      		<label>Guardar</label>
		      	</a>
		   	</td>
		</tr> 
	</table>
	</fieldset>
</form>
<script type="text/javascript">
	 	//abrir pop-up para edicion de password
		$("#insertar-usr").click(function(){
			 abrirPasswordForm();
		});

		//Obtiene lat y lng de direccion y se lo pasa a input coordenadas
		function obtiene_coordenadas(){
			var geocoder;
			geocoder = new google.maps.Geocoder();
			var direccion = document.getElementById("direccion").value;

			geocoder.geocode( { 'address': direccion}, function(results, status) {
			    if (status == google.maps.GeocoderStatus.OK) {			       
			       var coord = results[0].geometry.location;
			       //super magia de escapear para sacar los parentesis
			       var regExp = /\(([^)]+)\)/;
			       var exito = regExp.exec(coord);
			       	       
			       document.forms.datos_registro.coordenadas.value=exito[1];
	 		       document.forms.datos_registro.coordenadas.disabled="disabled";
			    } else {
			       alert("Debe indicar su direccion en el formato especificado: [numero calle, departamento, país], aviso: " + status);
			    }
			});
		 }
</script>
  